<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>产品分类页</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>

	<body>
		<!--header-->
		<div class="headerBar">
			<div class="topBar">
				<div class="comWidth">
					<div class="leftArea">
						<a href="#" class="collection">收藏XX</a>
					</div>
					<div class="rightArea">
						欢迎来到XX网！
						<a href="#">[登录]</a>
						<a href="./register.html">[注册]</a>
					</div>
				</div>
			</div>
			<div class="logoBar">
				<div class="comWidth">
					<div class="logo fl">
						<a href="#">
							
						</a>
					</div>
					<div class="searchBox fl">
						<input type="text" class="searchText fl" />
						<input type="button" value="搜索" class="searchMenu fr" />
					</div>
					<div class="shopCar fr">

						<span class="shopText fl">购物车</span>

						<span class="shopNum fl">0</span>
					</div>

				</div>
			</div>

			<div class="navBox clearfix">
				<div class="comWidth">
					<div class="shopClass fl ">
						<h3>全部商品分类<i></i></h3>
					</div>
					<ul class="nav fl">
						<li class="active">
							<a href="#">数码城</a>
						</li>
						<li>
							<a href="#">秒杀</a>
						</li>
						<li>
							<a href="#">团购</a>
						</li>
						<li>
							<a href="#">发现</a>
						</li>
						<li>
							<a href="#">海外购</a>
						</li>
						<li>
							<a href="#">特卖</a>
						</li>
					</ul>
				</div>
				<!--comWidth-->

			</div>
			<div class="comWidth clearfix product_cont">
				<div class="leftArea">
					<!--产品分类-->
					<div class="leftNav">
						<h3 class="nav_title">手机 相机 数码</h3>

					</div>
					<div class="nav_content">
						<h3>手机通讯</h3>
						<ul class="content_list">
							<li>

								<a href="#">全部手机</a>
							</li>
							<li>
								<a href="#">1080P高清</a>
							</li>
							<li>
								<a href="#">双卡手机</a>
							</li>
							<li>
								<a href="#">拍照神器</a>
							</li>
							<li>
								<a href="#">老年手机</a>
							</li>
							<li>
								<a href="#">对讲机</a>
							</li>
							<li>
								<a href="#" class="orange">联通专区</a>
							</li>
						</ul>

					</div>

					<div class="nav_content">
						<h3>数码相机</h3>
						<ul class="content_list">
							<li>
								<a href="#">卡片机</a>
							</li>
							<li>
								<a href="#">中长焦</a>
							</li>
							<li>
								<a href="#" class="orange">自拍利器</a>
							</li>
							<li>
								<a href="#">专业便携</a>
							</li>
							<li>
								<a href="#">防水防摔 </a>
							</li>
							<li>
								<a href="#">一次成像</a>
							</li>
						</ul>

					</div>

					<div class="nav_content">
						<h3>单反</h3>
						<ul class="content_list">
							<li>
								<a href="#">全部</a>
							</li>
							<li>
								<a href="#" class="orange">佳能</a>
							</li>
							<li>
								<a href="#">尼康</a>
							</li>
							<li>
								<a href="#">宾得</a>
							</li>
							<li>
								<a href="#">老年手机</a>
							</li>
							<li>
								<a href="#">哈苏</a>
							</li>
						</ul>

					</div>
					<div class="nav_content">
						<h3>摄像配件</h3>
						<ul class="content_list">
							<li>
								<a href="#">相机包</a>
							</li>
							<li>
								<a href="#">相机电池</a>
							</li>
							<li>
								<a href="#">贴膜</a>
							</li>
							<li>
								<a href="#" class="orange">滤镜</a>
							</li>
							<li>
								<a href="#">三脚架</a>
							</li>
							<li>
								<a href="#">闪光灯</a>
							</li>
							<li>
								<a href="#">遮光罩</a>
							</li>
							<li>
								<a href="#">遥控器</a>
							</li>
							<li>
								<a href="#">专业配件</a>
							</li>
						</ul>

					</div>
					<div class="nav_content">
						<h3>单反</h3>
						<ul class="content_list">
							<li>
								<a href="#">全部</a>
							</li>
							<li>
								<a href="#" class="orange">佳能</a>
							</li>
							<li>
								<a href="#">尼康</a>
							</li>
							<li>
								<a href="#">宾得</a>
							</li>
							<li>
								<a href="#">老年手机</a>
							</li>
							<li>
								<a href="#">哈苏</a>
							</li>
						</ul>

					</div>
					<div class="nav_content">
						<h3>镜头</h3>
						<ul class="content_list">
							<li>
								<a href="#">单反镜头</a>
							</li>
							<li>
								<a href="#">微单镜头</a>
							</li>

						</ul>

					</div>

				</div>
				<div class="rightArea">
					<!--banner-->
					<div class="main_banner ">
						<div class="banner " id="banner2">
							<div class="inner" id="inner">

								<!--<div><img src="" trueImg="img/1.jpg" ></div>-->
							</div>
							<ul class="tip" id="tip"> </ul>

							<a class="btnLeft" href="javascript:;"></a>
							<a class="btnRight" href="javascript:;"></a>
						</div>
					</div>
					<!--banner end-->
					<div class="productlist">

						<div class="hr_7">
						</div>
						<div class="product_title">
							<h3>数码影像</h3>
						</div>
						<div class="list_cont clearfix">

							<div class="list_item">
								<div class="item_img">
									<img src="img/product/product01.jpg" />
								</div>
								<div class="list_text">
									<p>Canon 佳能 IXUS 132 数码相机 粉色</p>
								</div>
								<div class="list_price">
									<p>¥ 969元</p>
								</div>
							</div>
							<div class="list_item">
								<div class="item_img">
									<img src="img/product/product02.jpg" />
								</div>
								<div class="list_text">
									<p>Canon 佳能 IXUS 132 数码相机 粉色</p>
								</div>
								<div class="list_price">
									<p>¥ 969元</p>
								</div>
							</div>
							<div class="list_item">
								<div class="item_img">
									<img src="img/product/product03.jpg" />
								</div>
								<div class="list_text">
									<p>Canon 佳能 IXUS 132 数码相机 粉色</p>
								</div>
								<div class="list_price">
									<p>¥ 969元</p>
								</div>
							</div>
							<div class="list_item">
								<div class="item_img">
									<img src="img/product/product04.jpg" />
								</div>
								<div class="list_text">
									<p>Canon 佳能 IXUS 132 数码相机 粉色</p>
								</div>
								<div class="list_price">
									<p>¥ 969元</p>
								</div>
							</div>
							<div class="list_item">
								<div class="item_img">
									<img src="img/product/product05.jpg" />
								</div>
								<div class="list_text">
									<p>Canon 佳能 IXUS 132 数码相机 粉色</p>
								</div>
								<div class="list_price">
									<p>¥ 969元</p>
								</div>
							</div>
							<div class="list_item">
								<div class="item_img">
									<img src="img/product/product06.jpg" />
								</div>
								<div class="list_text">
									<p>Canon 佳能 IXUS 132 数码相机 粉色</p>
								</div>
								<div class="list_price">
									<p>¥ 969元</p>
								</div>
							</div>
							<div class="list_item">
								<div class="item_img">
									<img src="img/product/product07.jpg" />
								</div>
								<div class="list_text">
									<p>Canon 佳能 IXUS 132 数码相机 粉色</p>
								</div>
								<div class="list_price">
									<p>¥ 969元</p>
								</div>
							</div>
							<div class="list_item">
								<div class="item_img">
									<img src="img/product/product08.jpg" />
								</div>
								<div class="list_text">
									<p>Canon 佳能 IXUS 132 数码相机 粉色</p>
								</div>
								<div class="list_price">
									<p>¥ 969元</p>
								</div>
							</div>
						</div>

						<!--productlist end-->

					</div>

				</div>
			</div>
			<div class="footer clearfix">
				<p>
					<a href="#">XX简介</a><i>|</i>
					<a href="#">XX公告</a><i>|</i>
					<a href="#">招纳贤士</a><i>|</i>
					<a href="#">联系我们</a>
				</p>
				<p>Copyright © 2006 - 2014 XX版权所有 京ICP备09037834号 京ICP证B1034-8373号 某市公安局XX分局备案编号：123456789123</p>
				<div class="footerImg">
					<img src="img/footer01.jpg" />
				</div>
			</div>
			<!--script-->
			<script type="text/javascript" src="js/utils.js"></script>
			<script type="text/javascript" src="js/animation.js"></script>
			<script type="text/javascript" src="js/myCarouselPlugin.js"></script>
			<script>
				var banner2 = new myCarousel("banner2", "json/product.txt", 3000);
			</script>

	</body>

</html>